
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
  <title>Title</title>
  <link rel="stylesheet" href="static/bootstrap/css/bootstrap.css">
  <script src="static/js/jquery-3.3.1.min.js"></script>
  <script src="static/bootstrap/js/bootstrap.js"></script>
  <style>
    body {
      background: url("${pageContext.request.contextPath}/static/img/login.jpg");
      }

      .row {
      margin-top: 200px;
      margin-right: 0 !important;
      margin-left: 0 !important;
      }

      button {
      margin-top: 20px;
      margin-left: 40%;
      }

      .msg {
      color: red;
      }
  </style>
</head>
<body>
<!-- 顶部 -->
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">
        &nbsp;欢迎使用权限管理后台系统
      </a>
    </div>
  </div>
</nav>

<!-- 表单区 -->
<div class="container-fluid">
  <div class="row">
    <div class="col-md-2 col-md-offset-5">
      <form class="form-horizontal" method="post" action="${pageContext.request.contextPath}/User/login">
        <div class="form-group">
          <label for="user_name">用户名</label>
          <input type="text" name="userName" class="form-control" id="user_name" placeholder="Name">
        </div>
        <div class="form-group">
          <label for="user_pwd">密 码</label>
          <input type="password" name="userPwd" class="form-control" id="user_pwd" placeholder="Password">
        </div>
        <div style="color:white">${msg}</div>
        <button type="submit" class="btn btn-default btn-lg btn-success">登录</button>
        <h4 class="msg"></h4>
      </form>
    </div>
  </div>
</div>

</body>
</html>
